<template>
    <div>
        <el-container  >
            <el-header>物业管理</el-header>
            <el-container>
                <el-aside width="200px" >
                    <el-row class="tac">
                        <el-col :span="24">
                            <el-menu
                            router 
                            default-active="2"
                            class="el-menu-vertical-demo"
                            >
                            <el-submenu index="1">
                                <template slot="title">
                                <i class="el-icon-location"></i>
                                <router-link to="/propertyCart">车库管理</router-link>
                                </template>
                            </el-submenu>
                              <el-submenu index="2">
                                <template slot="title">
                                <i class="el-icon-location"></i>
                                <router-link to="/compint">收益管理</router-link>
                                </template>
                            </el-submenu>
                              <el-submenu index="3">
                                <template slot="title">
                                <i class="el-icon-location"></i>
                                <router-link to="/payItems">物业认证</router-link>
                                </template>
                            </el-submenu>
                            <el-submenu index="4">
                                <template slot="title">
                                <i class="el-icon-location"></i>
                                <router-link to="/propertyChangePassword">安全设置</router-link>
                                </template>
                            </el-submenu>
                             <el-submenu index="5">
                                <template slot="title">
                                <i class="el-icon-location"></i>
                                <router-link to="maintain">完善信息</router-link>
                                </template>
                            </el-submenu>
                             <el-submenu index="6">
                                <template slot="title">
                                <i class="el-icon-location"></i>
                                <router-link to="/propertyMoney">我的钱包</router-link>
                                </template>
                            </el-submenu>

                        <el-submenu index="7">
                            <template slot="title">
                            <i class="el-icon-place"></i>
                            <el-badge :value="12" class="item">
                                <span>我的消息</span>
                            </el-badge>
                            </template>
                            <el-menu-item-group>
                                <el-menu-item index="/propertyMsg">
                                    <el-badge :value="6" class="item">
                                        系统消息
                                    </el-badge>
                                </el-menu-item>
                                <el-menu-item index="/proMassage">
                                    <el-badge :value="6" class="item">
                                        物业消息
                                    </el-badge>
                                </el-menu-item>
                                
                            </el-menu-item-group>
                        </el-submenu>
                            </el-menu>
                        </el-col>
                    </el-row>
                </el-aside>
                <el-main >
                    <router-view/>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>
<script>
export default {
    name:"propertyApp"
}
</script>



<style>
  .el-header, .el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 60px;
  }
  
  .el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    line-height: 200px;
  }
  
  .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    line-height: 160px;
  }
  
  body > .el-container {
    margin-bottom: 40px;
  }
  
  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 260px;
  }
  
  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
  }
</style>

